<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Blogmer Documentation</title>

<style type='text/css' media='all'>@import url('../css/userguide.css');</style>
<link rel='stylesheet' type='text/css' media='all' href='../css/userguide.css' />
<link type="text/css" rel="stylesheet" href="../css/SyntaxHighlighter.css"></link>
<script language="javascript" src="../js/shCore.js"></script>
<script language="javascript" src="../js/shBrushXml.js"></script>
<script language="javascript" src="../js/shBrushPhp.js"></script>
<meta http-equiv='expires' content='-1' />
<meta http-equiv= 'pragma' content='no-cache' />
<meta name='robots' content='all' />
</head>
<body>
<!-- START NAVIGATION -->
<div id="nav"><div id="nav_inner"></div></div>
<div id="nav2"><a name="top">&nbsp;</a></div>
<div id="masthead">
<table cellpadding="0" cellspacing="0" border="0" style="width:100%">
<tr>
<td><h1>Blogmer beta 2</h1></td>
<td id="breadcrumb_right"><a href="table_of_content.html">Table of contents</a></td>
</tr>
</table>
</div>
<!-- END NAVIGATION -->


<!-- START BREADCRUMB -->
<table cellpadding="0" cellspacing="0" border="0" style="width:100%">
<tr>
<td id="breadcrumb">
  <p><a href="http://speedovation.org/" >Speedovation</a> &nbsp;&#8250;&nbsp;
      <a href="../index.html">User Guide Home</a> &nbsp;&#8250;&nbsp;
    Table of contents</p>
  </td>

</tr>
</table>
<!-- END BREADCRUMB -->

<br clear="all" />

<!-- START CONTENT -->
<div id="content">
  <h1>Theme Introduction</h1>
  <p>We’ve created a super simple way to design themes. Single  php  file for complete template design. <br />
  A blog template consists of header, sidebar, content  and footer. We’ve similar structure.</p>
  <p>There are  4 div ids for different sections. </p>
  <pre name="code" class="html:collapse">&lt;div id=&quot;header&quot;&gt;	&lt;/div&gt;     &lt;!--header --&gt;
&lt;div id=&quot;sidebar&quot;&gt; &lt;/div&gt;     &lt;!--sidebar --&gt;
&lt;div id=&quot;main&quot;&gt; &lt;/div&gt;     &lt;!--content --&gt;

&lt;div id=&quot;footer&quot;&gt; &lt;/div&gt;     &lt;!--footer --&gt;</pre>
  <ul>
    <li>header : header id </li>
    <li>sidebar: sidebar id</li>
    <li>main : content id</li>
    <li>footer: footer id</li>
  </ul>
  <p>You can change these id name keeping inside data as relative position.</p>
  <p class="important">There are four major sections. We’ll talk each segment one by  one. </p>
  <p>To know where theme location is please see Project <a href="overall_mvc_structure.html">overall MVC structure </a></p>
  <h2>Themes</h2>
  <ul>
  <li><a href="theme_intro.html">Introduction</a></li>
  <li><a href="template_header.html">header</a></li>
  <li><a href="template_content.html">content</a></li>
  <li><a href="template_sidebar.html">sidebar</a></li>
  <li><a href="template_footer.html">footer</a></li>
  <li><a href="sample_main.html">sample main.php</a></li>
  </ul>&nbsp;</p>
</div>
<!-- END CONTENT -->


<div id="footer">
<p><a href="#top">Top of Page</a></p>
<p><a href="http://speedovation.com">Speedovation</a> &nbsp;&middot;&nbsp; Copyright &#169; 2007-2008 &nbsp;&middot;&nbsp; <a href="http://speedovation.org/">Blogmer</a></p></div>
<script language="javascript">
dp.SyntaxHighlighter.ClipboardSwf = '..js/clipboard.swf';
dp.SyntaxHighlighter.HighlightAll('code');
</script>
</body>
</html>